<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Document</title>
    <style>

    </style>
</head>
<body>
    <img src="img.gif" alt="">
    <div>
        上午好
    </div>
    <script>
        //根据系统不同时间来判断
        let img = document.querySelector('img')
        let div = document.querySelector('div')
        //得到当前的小时数
        let date = new Date();
        let h = date.getHours();
        //判断小时数改变图片信息和文字信息
        if(h < 12){
           img.src='img.gif';
            div.innerHTML = '亲，早上好'
        }else if( h < 18){ 
            img.src='img2.jpg';
            div.innerHTML = '亲，下午好'
        }else{
            img.src='img3.gif';
            div.innerHTML = '亲，晚上好'
        }
    </script>
</body>
</html>